<%--
  Created by IntelliJ IDEA.
  User: 1932260390
  Date: 2022/4/26
  Time: 20:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>账号注销</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cancellation.css">
    <link rel="stylesheet" href="../css/background.css">
</head>
<body>
<header class="header"></header>
<!-- 头图大背景+雪花动画 -->
<div class="headerBg">
    <!-- 顶部大背景 头图 + 大焦点 -->
    <div id="headerBgImg">
        <p class="head-figure-bg"></p>
        <p class="banner-bg"></p>
    </div>
    <!-- 大焦点雪花动画 -->
    <div id="snowflake">
        <div class="snow"></div>
    </div>
</div>
<div class="container">
    <div class="logoContainer">
        <button id="cancelBtn" onclick="window.location.href='../index.jsp'"></button>
    </div>
    <div class="expectLogoContainer">
        <form action="../cancellation-servlet" method="post" id="chancelForm">
            <div id="cancellationInfo">账号注销</div>
            <div class="item">用户账号：<input type="text" name="username" id="username" placeholder="请输入注销的用户账号" onblur="checkUsername()" required></div>
            <div class="item">用户邮箱：<input type="email" name="userEmail" id="userEmail" placeholder="请输入所注销的用户邮箱" onblur="checkEmail()" required></div>
            <div class="item">用户密码：<input type="password" name="password" id="password" placeholder="请输入用户的密码" onblur="checkPassword()" required></div>
            <div class="item">确认密码：<input type="password" name="again_password" id="again_password" placeholder="请再次输入密码" onblur="checkPasswordAgain()" required></div>
            <div class="button">
                <input type="submit" value="确认" id="submit">
                <input type="reset" value="重置" id="reset">
            </div>
        </form>
    </div>
</div>
</body>
</html>
